﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/Admin/Views/Shared/_Admin.cshtml";
}


<div class="page-content">


    @*<h3 class="header smaller lighter blue">jQuery dataTables</h3>*@
    <div class="table-header">
        USER MANAGER
    </div>

    <div id="sample-table-2_wrapper" class="dataTables_wrapper" role="grid">
        <div class="row-fluid">
            <div class="span6">
                <div class="dataTables_length" id="sample-table-2_length">
                    <label>
                        Display
                                    <select aria-controls="sample-table-2" size="1" name="sample-table-2_length">
                                        <option selected="selected" value="10">5</option>
                                        <option value="25">10</option>
                                        <option value="50">50</option>
                                        <option value="100">100</option>
                                    </select>
                        records</label>
                </div>
            </div>
            <div class="span6">
                <div id="sample-table-2_filter" class="dataTables_filter">
                    <label>
                        Search:
                                    <input aria-controls="sample-table-2" type="text"></label>
                </div>
            </div>
        </div>
        <table aria-describedby="sample-table-2_info" id="sample-table-2" class="table table-striped table-bordered table-hover dataTable">
            <thead>
                <tr role="row">
                    <th aria-label="" style="width: 57px;" colspan="1" rowspan="1" role="columnheader" class="center sorting_disabled">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </th>
                    <th aria-label="Domain: activate to sort column descending" aria-sort="ascending" style="width: 168px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting_asc">User ID</th>
                    <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">UserName</th>
                    <th aria-label="Clicks: activate to sort column ascending" style="width: 133px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="hidden-480 sorting">Email</th>
                    <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">IdentityNumber</th>
                    <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Address</th>
                    <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Numberphone</th>
                    <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">DOB</th>
                    <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Sex</th>
                    <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">GetAds</th>
                    <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Status</th>
                    <th aria-label="Price: activate to sort column ascending" style="width: 121px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Interface</th>
                </tr>
            </thead>
            <tbody aria-relevant="all" aria-live="polite" role="alert">
                <tr class="odd">
                    <td class="center">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </td>
                    <td class="hidden-480 ">1</td>
                    <td class="hidden-480 ">NguyetQuoi</td>
                    <td class="hidden-480 ">nguyetquoi@gmail.com</td>
                    <td class="hidden-480 ">024977552   </td>
                    <td class="hidden-480 ">47 Lạc Long Quân, F1, Q11, TpHCM</td>
                    <td class="hidden-480 ">01284567371</td>
                    <td class="hidden-480 ">1992-02-18</td>
                    <td class="hidden-480 ">1</td>
                    <td class="hidden-480 ">1</td>
                    <td class="hidden-480 ">1</td>
                    <td class="hidden-480 ">1</td>


                    <td class="td-actions ">
                        <div class="hidden-phone visible-desktop action-buttons">
                            <a class="blue" href="#">
                                <i class="icon-zoom-in bigger-130"></i>
                            </a>

                            <a class="green" href="#">
                                <i class="icon-pencil bigger-130"></i>
                            </a>

                            <a class="red" href="#">
                                <i class="icon-trash bigger-130"></i>
                            </a>
                        </div>

                        <div class="hidden-desktop visible-phone">
                            <div class="inline position-relative">
                                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                    <i class="icon-caret-down icon-only bigger-120"></i>
                                </button>

                                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                    <li>
                                        <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                            <span class="blue">
                                                <i class="icon-zoom-in bigger-120"></i>
                                            </span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                            <span class="green">
                                                <i class="icon-edit bigger-120"></i>
                                            </span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                            <span class="red">
                                                <i class="icon-trash bigger-120"></i>
                                            </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr class="odd">
                    <td class="center">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </td>

                    <td class="hidden-480 ">2</td>
                    <td class="hidden-480 ">MinhPhi</td>
                    <td class="hidden-480 ">minhphi@gmail.com</td>
                    <td class="hidden-480 ">024734564</td>
                    <td class="hidden-480 ">18 Âu Cơ, TpHCM</td>
                    <td class="hidden-480 ">0936713190     </td>
                    <td class="hidden-480 ">1991-05-05</td>
                    <td class="hidden-480 ">0</td>
                    <td class="hidden-480 ">0</td>
                    <td class="hidden-480 ">1</td>
                    <td class="hidden-480 ">1</td>

                    <td class="td-actions ">
                        <div class="hidden-phone visible-desktop action-buttons">
                            <a class="blue" href="#">
                                <i class="icon-zoom-in bigger-130"></i>
                            </a>

                            <a class="green" href="#">
                                <i class="icon-pencil bigger-130"></i>
                            </a>

                            <a class="red" href="#">
                                <i class="icon-trash bigger-130"></i>
                            </a>
                        </div>

                        <div class="hidden-desktop visible-phone">
                            <div class="inline position-relative">
                                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                    <i class="icon-caret-down icon-only bigger-120"></i>
                                </button>

                                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                    <li>
                                        <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                            <span class="blue">
                                                <i class="icon-zoom-in bigger-120"></i>
                                            </span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                            <span class="green">
                                                <i class="icon-edit bigger-120"></i>
                                            </span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                            <span class="red">
                                                <i class="icon-trash bigger-120"></i>
                                            </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr class="odd">
                    <td class="center">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </td>

                    <td class="hidden-480 ">3</td>
                    <td class="hidden-480 ">ThanhVinh</td>
                    <td class="hidden-480 ">trthanhvinh@gmail.com</td>
                    <td class="hidden-480 ">023456378   </td>
                    <td class="hidden-480 ">227 Nguyễn Văn Cừ, Q5, TpHCM</td>
                    <td class="hidden-480 ">0987448379     </td>
                    <td class="hidden-480 ">1990-11-10</td>
                    <td class="hidden-480 ">0</td>
                    <td class="hidden-480 ">1</td>
                    <td class="hidden-480 ">1</td>
                    <td class="hidden-480 ">1</td>

                    <td class="td-actions ">
                        <div class="hidden-phone visible-desktop action-buttons">
                            <a class="blue" href="#">
                                <i class="icon-zoom-in bigger-130"></i>
                            </a>

                            <a class="green" href="#">
                                <i class="icon-pencil bigger-130"></i>
                            </a>

                            <a class="red" href="#">
                                <i class="icon-trash bigger-130"></i>
                            </a>
                        </div>

                        <div class="hidden-desktop visible-phone">
                            <div class="inline position-relative">
                                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                    <i class="icon-caret-down icon-only bigger-120"></i>
                                </button>

                                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                    <li>
                                        <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                            <span class="blue">
                                                <i class="icon-zoom-in bigger-120"></i>
                                            </span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                            <span class="green">
                                                <i class="icon-edit bigger-120"></i>
                                            </span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                            <span class="red">
                                                <i class="icon-trash bigger-120"></i>
                                            </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr class="odd">
                    <td class="center">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </td>

                    <td class="hidden-480 ">4</td>
                    <td class="hidden-480 ">Khuyen</td>
                    <td class="hidden-480 ">nguyenthikhuyenctk32@gmail.com</td>
                    <td class="hidden-480 ">054673799   </td>
                    <td class="hidden-480 ">227 Hùng Vương, TpHCM</td>
                    <td class="hidden-480 ">0977485944     </td>
                    <td class="hidden-480 ">1991-12-12</td>
                    <td class="hidden-480 ">1</td>
                    <td class="hidden-480 ">1</td>
                    <td class="hidden-480 ">1</td>
                    <td class="hidden-480 ">1</td>

                    <td class="td-actions ">
                        <div class="hidden-phone visible-desktop action-buttons">
                            <a class="blue" href="#">
                                <i class="icon-zoom-in bigger-130"></i>
                            </a>

                            <a class="green" href="#">
                                <i class="icon-pencil bigger-130"></i>
                            </a>

                            <a class="red" href="#">
                                <i class="icon-trash bigger-130"></i>
                            </a>
                        </div>

                        <div class="hidden-desktop visible-phone">
                            <div class="inline position-relative">
                                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                    <i class="icon-caret-down icon-only bigger-120"></i>
                                </button>

                                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                    <li>
                                        <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                            <span class="blue">
                                                <i class="icon-zoom-in bigger-120"></i>
                                            </span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                            <span class="green">
                                                <i class="icon-edit bigger-120"></i>
                                            </span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                            <span class="red">
                                                <i class="icon-trash bigger-120"></i>
                                            </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr class="odd">
                    <td class="center">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </td>

                    <td class="hidden-480 ">5</td>
                    <td class="hidden-480 ">KimLien</td>
                    <td class="hidden-480 ">kimlien@gmail.com</td>
                    <td class="hidden-480 ">046738889   </td>
                    <td class="hidden-480 ">15 Hồng Bàng, TpHCM</td>
                    <td class="hidden-480 ">0979075705     </td>
                    <td class="hidden-480 ">1991-04-23</td>
                    <td class="hidden-480 ">1</td>
                    <td class="hidden-480 ">0</td>
                    <td class="hidden-480 ">1</td>
                    <td class="hidden-480 ">1</td>

                    <td class="td-actions ">
                        <div class="hidden-phone visible-desktop action-buttons">
                            <a class="blue" href="#">
                                <i class="icon-zoom-in bigger-130"></i>
                            </a>

                            <a class="green" href="#">
                                <i class="icon-pencil bigger-130"></i>
                            </a>

                            <a class="red" href="#">
                                <i class="icon-trash bigger-130"></i>
                            </a>
                        </div>

                        <div class="hidden-desktop visible-phone">
                            <div class="inline position-relative">
                                <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                    <i class="icon-caret-down icon-only bigger-120"></i>
                                </button>

                                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                    <li>
                                        <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                            <span class="blue">
                                                <i class="icon-zoom-in bigger-120"></i>
                                            </span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                            <span class="green">
                                                <i class="icon-edit bigger-120"></i>
                                            </span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                            <span class="red">
                                                <i class="icon-trash bigger-120"></i>
                                            </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </td>
                </tr>



            </tbody>
        </table>
        <div class="row-fluid">
            <div class="span6">
                <div id="sample-table-2_info" class="dataTables_info">Showing 1 to 5 of 100 entries</div>
            </div>
            <div class="span6">
                <div class="dataTables_paginate paging_bootstrap pagination">
                    <ul>
                        <li class="prev disabled"><a href="#"><i class="icon-double-angle-left"></i></a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li class="next"><a href="#"><i class="icon-double-angle-right"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    @* @RenderBody()*@
</div>
<!--/.page-content-->

